<template>
    <div class="assetsdetailed">
        <section class="detailed">
            <ul class="detailedheader">
                <li class="list">
                    <h2>{{$t('other[3]')}}</h2>
                </li>
                <li class="list">
                    <h2>{{$t('other[4]')}}</h2>
                    <el-select v-model="value" @change="handleSubmit"  :placeholder="$t('msg[6]')">
                        <el-option v-for="(item, index) in rechargetype" :key="index" :label="item.name" :value="item.code">
                        </el-option>
                    </el-select>
                </li>
            </ul>
            <section class="detailedmian" v-if="value">
                <transaction-order :part="true" :codetype="value"
                ></transaction-order>
            </section>
        </section>
    </div>
</template>

<script>
import { symbols } from '@/api/exchange';
import TransactionOrder from "_dom/transactionorder";
import PagesSize from "_dom/paging"
export default {
    name: 'assetsdetailed',
        data () {
            return {
                rechargetype:[],
                value: "",
            }
        },
        methods: {
            handleSubmit() {
            },
        },
        created(){
            symbols().then(res => {
                    this.rechargetype = res;
                    this.value = res[0].code;
            }).catch(err => {
            });
        },
        components: {
            TransactionOrder,
        },
    }
</script>

